<!DOCTYPE html>
<html lang="">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
	    <script type="text/javascript" src="js/libs/jquery/jquery-min.js"></script>
	    
	</head>
	<body>
		<form action="#" method="POST" class="form">
			<label>UserName</label> </br>
			<input type="text" id="txt_username"> </br>
			<label>Password</label></br>
			<input type="text" id="txt_password"> </br>
			<label>Email</label></br>
			<input type="text" id="txt_email"> </br>
			<input type="button" id="check" value="Load"> <span id="status"></span>
			<br>
			<input type="submit" value="Reset">
		</form>  
		<hr>
		
		
		<script type="text/javascript" language="javaScript">
			$(document).ready(function(){
				// Gắn sự kiện onclick vào #userID
				$('#check').click(function() {
					
					var strURL = "server.php";
					$.ajax({
						url: strURL,
						type: 'POST',
						cache: false,
						data: 'getMonAll=view',
						//data: 'getMonByID=1',
						success: function(string){
						
							/**
							 * Kiểu mặc định trả về là dạng String, bạn dùng hàm parseJSON để phân tích dữ liệu trả về
							 * có 2 cách parse JSON là : JSON.parse() và $.parseJSON();
							 * 1. var getData = JSON.parse(string);
							 * 2. var getData = $.parseJSON(string);
							**/
							var getData = $.parseJSON(string);
							//input dữ liệu lấy về từ server vào textbox
							$('#txt_username').val(getData[0].MAMON);
							$('#txt_password').val(getData[0].MANHOM);
							$('#txt_email').val(getData[0].TENMON);
							
							//Trả loading về trạng thái ban đầu
							//$('#loading').html('&nbsp;');
							for (var i = 0; i < getData.length; i++) {
								console.log(getData[i].MAMON+"--"+getData[i].MANHOM+"--"+getData[i].TENMON+"--"+getData[i].DONGIA+"--"+getData[i].DVT);						
							};
						},
						error: function (){
							alert('Có lỗi xảy ra');
						}
					});
				});	
			});
		</script>
	</body>
</html>